/**
 * Created by jean.h.ma on 20/03/2018.
 */

@import "LoginForm"

body
  background-color: #F3F5F8

//#region Navigation
.badger-navigation
  height: 100%
  display: flex
  align-items: center
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1)
  .logo
    padding: 0
    height: 100%
    display: flex
    align-items: center
    justify-content: center
    width: 217px
  .slide-menu-button
    width: 40px
    display: flex
    align-items: center
    justify-content: center
    padding: 0
    font-size: 24px
    i
      color: #676a6d
  .navigation-search-box
    width: 262px
    display: flex
    align-items: center
    justify-content: center
    padding: 0
//#endregion

//#region SlideMenu
.badger-slide-menu
  width: 100%
  overflow: hidden
  li
    width: 260px
    height: 58px
  .pure-menu-selected
    a
      border-left: solid 5px #00AAFF
      color: white !important
      i
        color: #00AAFF
  a
    background-color: #252c35 !important
    display: flex
    height: 100%
    align-items: center
    padding: 0 30px
    border-left: solid 5px rgba(0, 0, 0, 0)
    outline: none
    font-size: 15px
    i
      margin-right: 10px
      font-size: 18px
    &:hover
      i
        color: #00AAFF
//#endregion

//#region Master
.badger-master
  display: flex
  flex-direction: column
  .master-top
    height: 82px
  .master-middle
    display: flex
    flex-direction: row
    .master-middle-left
      transition: all 0.2s
      width: 260px
    .master-middle-content
      flex: 1 1 auto
      padding: 10px
//#endregion

//#region SearchBox
.search-box
  display: flex
  flex-direction: row
  height: 34px
  input, button
    outline: none
    flex: 1 0 auto
    font-size: 14px
  input
    padding: 6px 12px
    border-top-left-radius: 2px
    border-bottom-left-radius: 2px
    //border-top-right-radius: 0px
    //border-bottom-right-radius: 0px
    border: solid 1px #ccc
    border-right: none
    color: #555
  button
    background-color: #00AAFF
    border-color: #00a0f0
    color: white
    border-top-right-radius: 2px
    border-bottom-right-radius: 2px
  div
    flex: 1 0 auto
    height: 100%
    display: flex
  div:last-child
    width: 62px
//#endregion

//#region Login
.badger-login
  width: 100%
  height: 100%
  display: flex
  align-items: center
  justify-content: center
//#endregion